@tailwind base;

@tailwind components;

@tailwind utilities;

@font-face {
  font-family: "Poppins,sans-serif";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Poppins-Black.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("./fonts/Poppins-Light.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("./fonts/Poppins-Medium.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("./fonts/Poppins-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "Poppins";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("./fonts/Poppins-SemiBold.ttf") format("truetype");
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-family: "Poppins";
}

html {
  height: -webkit-fill-available;
}

.h-screen-ios {
  height: -webkit-fill-available;
}

// v-tooltips
//----------------------------------

@import "components/v-tooltips.scss";

// themes
@layer base {
  :root {
    --color-primary-50: 247, 246, 253;
    --color-primary-100: 238, 238, 251;
    --color-primary-200: 213, 212, 245;
    --color-primary-300: 188, 185, 239;
    --color-primary-400: 138, 133, 228;
    --color-primary-500: 88, 81, 216;
    --color-primary-600: 79, 73, 194;
    --color-primary-700: 53, 49, 130;
    --color-primary-800: 40, 36, 97;
    --color-primary-900: 26, 24, 65;
  }
}